<template>
<div @click="fatherFn">
    <button @click.stop="btn">阻止事件冒泡</button>
    <a href="http://www.baidu.com" @click.prevent="btn">阻止默认行为</a>
    <button @click.once="btn">程序运行期间，只触发一次事件处理函数</button>
    <div>
        <!-- <p v-text="str"></p>
        <p v-html="str"></p> -->
    </div>
</div>
</template>

<script>
export default {
	data() {
		return {
            str: '123',
        };
	},
    methods: {
        fatherFn () {
            console.log(1);
        },
        btn () {
            console.log(2);
        }
    }
};
</script>

<style scoped>
</style>